<template>
  <div id="box">
    <TitleComponentVue/>
    <shouY/>
      <div style="display: flex">
        <rightNavComVue/>
        <drowerCom />
        <router-view/>
      </div>
  </div>
</template>

<script>
import TitleComponentVue from '@/components/TitleComponent.vue'
import drowerCom from '@/components/drowerCom.vue'
import rightNavComVue from '@/components/rightNavCom.vue'
import shouY from '@/components/shouY.vue'

export default {
  components: {
    TitleComponentVue,
    rightNavComVue,
    drowerCom,
    shouY
  }

}
</script>

<style lang="scss" scoped>
#box{
  width: 100%;
  height: 755px;
  margin: 0 auto;
  background-color: #011130da;
}

</style>
